
<%@page import="Dto.ClienteDTO"%>
<%@page import="Dto.ClienteDTO"%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Nuevo Catalogo </title>
<%
            response.setHeader("Cache-Control","no-cache");
            response.setHeader("Cache-Control","no-store");
            response.setDateHeader("Expires", 0);              
%>
<link href="estilos/Catalogos.css" rel="stylesheet"  type="text/css">
<!--extraemos librerias para vaalidacion -->
    <script type="text/javascript" src="Validaciones/jquery.js"></script>
    <script type="text/javascript" src="Validaciones/jquery.validate.js"></script>
    <script type="text/javascript" src="Validaciones/additional-methods.js"></script>
</head>
<body bgcolor="F0F0F0">
    <%
            HttpSession sesion = request.getSession(false);
            ClienteDTO pdt = new ClienteDTO();
            if(sesion.getAttribute("admin") == null){
                 response.sendRedirect("error404.jsp?msg=Debe iniciar session");
            }else{
                 pdt =(ClienteDTO) sesion.getAttribute("admin");
                /* if(!pdt.getCorreo().equals("admin@admin")){
                     response.sendRedirect("error404.jsp?msg=no puede acceder aqui");
                 } */
             }    
      %>
	<!-- boton de retroceso -->
	<div class="ayuda">
    	  <a  onClick="history.back()"   title="Atras"> <img  src="imgenes/atras.png" width="30px" height="30px"> </a> 
  	</div>
  	<br><br><br>
	<div id="registro" >
    	<section>
        	<h1> Nuevo Catalogo</h1>
        </section>
    	<form method="post" action="../GestionProductos" id="CatalogoPaso1">
            <input type="hidden" name="producto" value="registrarCatalogo" />
        	<fieldset>
            	<label>Nombre Catalogo: </label>
               		<input type="text" size="20" name="txtNombreCatalogo" tabindex="1" required>
                   <%
                     if(request.getParameter("msg")!= null){
                         String msg = request.getParameter("msg");         
                         out.println("<p style='color: red;'>"+msg+"</p> ");
                   }%>                      
                <label>Descripcion: </label>
                 	<input type="text" size="30" tabindex="2" name="txtDescripcion" required>
                  <br>   
                     
                  <br>
                 	<input type="reset" id="botonBorrar" value="Borrar" title="borrar">
                	<input type="submit" id="boton" name="catalogo" value="Guardar" title="Guardar catalogo">
                	<br><br>
            </fieldset>
        </form>
           
            
          <style type="text/css">
                        label.error{
                            color: red;
                            position: relative;
                         }

                        input:required{
                            background: rgba(243,235,235,0.5); 
                        }
                        input:required:valid{
                            background: #FF8303;
                            color: #fff;    
                        }
                         
                        input:focus:invalid{
                            background-color: #FCE1E2;
                        }
                    </style>
        <script type="text/javascript">
        $().ready(function(){
              $("#CatalogoPaso1").validate({
                  rules:{
                      txtNombreCatalogo:{
                          required: true,
                          digits: false
                          },
                      txtDescripcion:{
                          required: true,
                          lettersonly: false
                      }
                  },
                  messages:{
                      txtNombreCatalogo:{
                          required: "Ingrese un nombre al catalogo",
                          lettersonly: "Solo se permiten letras en este campo",
                           digits: "no se puede agregar digitos al campo"
                          },
                      txtDescripcion:{  
                          required: "ingrese una descripcion del catalogo"
                      }
                  }

              });
          });
        </script>
    </div>
</body>
</html>
